import React from 'react'
import { BrowserRouter } from 'react-router-dom'
import './App.css'
import WrapperRoutes from './routes/index'
// import Mine from './pages/Mine'
// import Detail from './pages/Detail'
// import More from './pages/More'


// const Home = () => {
//   return (
//     <div>this is home page</div>
//   )
// }

// const About = () => <div>this is about page</div>
const NotFound = () => <div>not foudddnd</div>
const A = () => <div>not a</div>

export default function App() {
  return (
    // <div className='App'>
    //   <BrowserRouter>
    //     <Link to='/'>首页</Link>
    //     <Link to='/about'>关于</Link>
    //     <Link to='/mine'>我的</Link>
    //     <Link to='/detail'>详情</Link>
    //     <Link to='/more:1001'>更多</Link>

    //     {/*Routes 路由出口  对应<router-view/>*/}
    //     {/*Route  对应路由和组件的映射关系  */}
    //     <Routes>
    //       <Route path='/' element={<Home></Home>}></Route>
    //       <Route path='/about' element={<About></About>}></Route>
    //       <Route path='/mine' element={<Mine></Mine>}></Route>
    //       <Route path='/detail' element={<Detail></Detail>}></Route>
    //       <Route path='/more:id' element={<More></More>}></Route>
    //     </Routes>
    //   </BrowserRouter>
    // </div>

    // 路由配置
    // <BrowserRouter>
    //   <Routes>
    //       <Route path='/' element={<Layout></Layout>}>
    //          <Route index element={<Hot></Hot>}></Route>
    //          <Route path='write' element={<Write></Write>}></Route>
    //          <Route path='*' element={<NotFound></NotFound>}></Route>
    //       </Route>
    //   </Routes>
    // </BrowserRouter>

    <BrowserRouter>
      <WrapperRoutes>
	  </WrapperRoutes>
    </BrowserRouter>


  )
}
